<template>
  <div class="slot-body">
    <div class="top bg">
      <slot name="name"></slot>
      <div class="content">
        <slot name="content"></slot>
      </div>
    </div>
  </div>
</template>

<script lang="ts" setup></script>

<style lang="scss" scoped>
.slot-body {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: #fff;
  .bg {
    background-size: cover;
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }
  .top {
    width: 100%;
    height: 100%;
    background-image: url('../images//dataScreen-main-lb.png');
    .content {
      width: 100%;
      padding: 5px;
      background-image: url('../images/dataScreen-title.png');
    }
  }
}
</style>
